import { Image, StyleSheet, View } from 'react-native';
import { useState } from 'react'
import { Button } from '@ui-kitten/components';
import { Link, useRouter } from 'expo-router';
import TopNavigation from '@/components/Navigation'
import { Icon, IconElement, Input, Text, Layout, Radio, RadioGroup, Avatar, ProgressBar } from '@ui-kitten/components';
const isArr = [{ text: '是', value: 1 }, { text: '否', value: -1 }]
export default function PersonalityAdvantageScreen() {
  const router = useRouter()
  const [formInfo, setFormInfo] = useState({
    name: ''
  })
  const [selectedIndex, setSelectedIndex] = useState(0);
  const handleComplete = () => {
    router.replace('/(tabs)')
  }
  return <Layout style={{ flexDirection: 'column', flex: 1, backgroundColor: '#F3F3F3' }}>
    <TopNavigation title='性格优势'></TopNavigation>
    <Layout style={{ backgroundColor: '#F4F4F4', flex: 1, padding: 15 }}>
      <Layout style={{ borderRadius: 5, overflow: 'hidden', padding: 15 }}>
        <Layout style={{ flexDirection: 'row' }}>
          <Avatar shape='round'
            style={{ marginLeft: 20, marginRight: 10, width: 44, height: 44 }}
            source={require('../assets/images/avatar.png')}></Avatar>
          <View>
            <Text style={{ fontSize: 16 }}>姓名： XXX</Text>
            <Text style={{ fontSize: 12 }}>任务截止时间:2025.01.09</Text>
          </View>
        </Layout>
        <View style={{ marginVertical: 10, backgroundColor: '#D8D8D8', height: 0.5 }}></View>
        <Text>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</Text>
      </Layout>

    </Layout>
  </Layout>
}